<template>
    <div id="cesiumContainer"></div>
</template>
<script lang="ts" setup>
import * as Cesium from 'cesium';
const initMap = () => {
    const viewer = new Cesium.Viewer('cesiumContainer', {
        animation: false,

        timeline: false
    });
    viewer.scene.globe.show = true
    const entity = viewer.entities.add({
        position:Cesium.Cartesian3.fromDegrees(108.926593,34.213389,400),
        point:{
            pixelSize:100,
            color:new Cesium.Color(0,1,0,1)
        }
    })
    viewer.trackedEntity = entity
};
onMounted(() => {
    initMap();
});
</script>
<style lang="scss" scoped></style>
